<html>
<head>
    <meta http-equiv="Pragma" content="no-cache">
    <meta http-equiv="Cache-Control" content="no-cache">
    <meta http-equiv="Expires" content="0">
    <link href="<?=ADMIN_RES_PATH ?>/css/default/admin.css" rel="stylesheet" type="text/css">
    <script src="<?=ADMIN_RES_PATH ?>/js/jquery-1.7.1.js" type="text/javascript"></script>
    <script src="<?=ADMIN_RES_PATH ?>/js/public.js" type="text/javascript"></script>
</head>
<style type="text/css">
#main .search{width:98%; height:30px; line-height:30px; border: 1px solid #BBDDE5; background:#F4FAFB; margin-top:2px;}
img{margin:0 4px; vertical-align:middle}

/* .slideThree */
.slideThree {
  width: 78px;
  height: 20px;
  background: #333;
  position: relative;
  -moz-border-radius: 50px;
  -webkit-border-radius: 50px;
  border-radius: 50px;
  -moz-box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.5), 0px 1px 0px rgba(255, 255, 255, 0.2);
  -webkit-box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.5), 0px 1px 0px rgba(255, 255, 255, 0.2);
  box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.5), 0px 1px 0px rgba(255, 255, 255, 0.2);
}
.slideThree:after {
  content: 'OFF';
  color: #000;
  position: absolute;
  right: 10px;
  z-index: 0;
  font: 12px/20px Arial, sans-serif;
  font-weight: bold;
  text-shadow: 1px 1px 0px rgba(255, 255, 255, 0.15);
}
.slideThree:before {
  content: 'ON';
  color: #00bf00;
  position: absolute;
  left: 10px;
  z-index: 0;
  font: 12px/20px Arial, sans-serif;
  font-weight: bold;
}
.slideThree label {
  display: block;
  width: 38px;
  height: 18px;
  cursor: pointer;
  position: absolute;
  top: 1px;
  left: 1px;
  z-index: 1;
  background: #fcfff4;
  background: -moz-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
  background: -webkit-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
  background: linear-gradient(to bottom, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
  -moz-border-radius: 50px;
  -webkit-border-radius: 50px;
  border-radius: 50px;
  -moz-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
  -moz-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.3);
  box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.3);
}
.slideThree input[type=checkbox] {
  visibility: hidden;
}
.slideThree input[type=checkbox]:checked + label {
  left: 39px;
}

.isslide{}
.isslide:after {content: '关闭';}
.isslide:before{content: '开启';}

.isopen{}
.isopen:after {content: '闭合';}
.isopen:before{content: '展开';}
</style>
<body>
    <?php $kefu = $this->kefu; ?>
<div id="main">
	<div class="title">网站配置</div>
	<div class="content">
		<form method="post" action="<?=ADMIN_PATH ?>/Webconf/updatekefu" enctype="multipart/form-data">
			<input type="text" name="act" style="display:none" value="kefu"/>
			<table width="98%" border="0" cellspacing="0" cellpadding="0" class="mytab">
				<tr>
					<td colspan="3" class="tit">悬浮式客服</td>
				</tr>
				<tr>
					<td width="189" align="center">悬停位置
					<td width="579">
						<select name="xf_position" class="select">
							<option value="left" <?php if($kefu['xf_position']=='left') echo 'selected="selected"'; ?>>居左</option>
							<option value="right" <?php if($kefu['xf_position']=='right') echo 'selected="selected"'; ?>>居右</option>
						</select>
					</td>
					<td width="350" align="left">&nbsp;</td>
				</tr>
				<tr>
					<td width="189" align="center">顶部距离
					<td width="579"><input type="text" name="xf_top" class="inp" value="<?=$kefu['xf_top'] ?>"/></td>
					<td width="350" align="left">&nbsp;</td>
				</tr>
				<tr>
					<td width="189" align="center">窗口宽度
					<td width="579"><input type="text" name="xf_width" class="inp" value="<?=$kefu['xf_width'] ?>"/></td>
					<td width="350" align="left">&nbsp;</td>
				</tr>
				<tr>
					<td align="center">滑动特效</td>
					<td width="579">
						<div class="slideThree isslide">
							 <input type="checkbox" value="true" id="xf_effect" name="xf_effect" <?php if($kefu['xf_effect']=='true') echo 'checked'; ?> />
							 <label for="xf_effect"></label>
						</div>
					</td>
					<td align="left">&nbsp;</td>
				</tr>
				<tr>
					<td align="center">展开状态</td>
					<td width="579">
						<div class="slideThree isopen">
							 <input type="checkbox" value="true" id="xf_defaultopen" name="xf_defaultopen" <?php if($kefu['xf_defaultopen']=='true') echo 'checked'; ?> />
							 <label for="xf_defaultopen"></label>
						</div>
					</td>
					<td align="left">&nbsp;</td>
				</tr>
				<tr>
					<td align="center">热线电话</td>
					<td width="579"><input type="text" name="xf_tel" class="inp" value="<?=$kefu['xf_tel'] ?>"/></td>
					<td align="left">&nbsp;</td>
				</tr>
				<tr>
					<td align="center">客服列表</td>
					<td width="579"><textarea rows="5" name="xf_qqlist" ><?=$kefu['xf_qqlist'] ?></textarea></td>
					<td align="left">多个QQ用','隔开，QQ和客服名用'|'隔开，例如：<p style="color:blue;">&nbsp;&nbsp;123456789|客服1,987654321|客服2</p></td>
				</tr>

			</table>

			<table width="98%" border="0" cellspacing="0" cellpadding="0" class="mytab">
				<tr>
					<td colspan="3" class="tit">弹出式客服</td>
				</tr>
				<tr>
					<td width="189" align="center">客服QQ
					<td width="579"><input type="text" name="pop_kfguin" class="inp" value="<?=$kefu['pop_kfguin'] ?>"/></td>
					<td width="350" align="left">&nbsp;</td>
				</tr>
				<tr>
					<td width="189" align="center">欢迎辞</td>
					<td width="579"><textarea rows="5" name="pop_welcome"><?=$kefu['pop_welcome'] ?></textarea></td>
					<td width="350" align="left">
						该内容会显示在弹出对话框中，<span style="color:blue;">&lt;br&gt;</span>表示换行<br>
						<span style="color:red;">注意！</span>需要使用半角引号时，请用'<span style="color:red;">&amp;quot;</span>'代替
					</td>
				</tr>

				<tr>
					<td width="189" align="center">&nbsp;</td>
					<td width="579"></td>
					<td width="350" align="left">&nbsp;</td>
				</tr>
			</table>

			<table width="98%" border="0" cellspacing="0" cellpadding="0" class="mytab">
				<tr>
					<td colspan="3" class="tit"><input type="submit" class="sub" value="更新"/></td>
				</tr>
			</table>
		</form>

	</div>
</div>
</body>
</html>
